<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="index.css">    
    <script src="jquery-1.11.3.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
    <script src="index.js"></script>    
</head>
<body>
<div data-role="page" id="">
    <div data-role="header">
        <h1>在线电商网站</h1>
    </div>

    <div data-role="main" class="ui-content">    



<table data-role="table" data-mode="columntoggle" class="ui-responsive" id="myTable">
  <thead>
    <tr>
      <th data-priority="6">CustomerID</th>
      <th>CustomerName</th>
      <th data-priority="1">ContactName</th>
      <th data-priority="2">Address</th>
      <th data-priority="3">City</th>
      <th data-priority="4">PostalCode</th>
      <th data-priority="5">Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Alfreds Futterkiste</td>
      <td>Maria Anders</td>
      <td>Obere Str. 57</td>
      <td>Berlin</td>
      <td>12209</td>
      <td>Germany</td>
    </tr>
  </tbody>
</table>


       
        <h3>产品详情</h3>
        <div>
            <img id="img" style="display:block;margin:auto;" src="">
            <div id="price" style="text-align:center;padding-bottom:10px;"></div>
            <div id="model" style="text-align:center;padding-bottom:10px;"></div>    
            <div id="description" style="text-align:center;padding-bottom:10px;"></div>    
            <div id="manufacturer" style="text-align:center;padding-bottom:10px;"></div>
        </div>  

        <div>
          <div class="form-group">
            <label class="control-label col-sm-2" for="quantity">购买数量：</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" style="max-width:100px;" id="quantity">
              <br>
            </div>
          </div>
        </div>

        <div>
          <button id="addtocart" type="button" class="btn btn-danger" data-ajax="false">加入购物车</button>
          <br>
          <a class="ui-btn" href="usercart.html" data-ajax="false">去结算</a>
          <br>
          <button id="addtofaverates" type="button" class="btn btn-primary" data-ajax="false">收藏</button>
          <br>
          <a class="ui-btn" href="index.html" data-ajax="false">再逛逛</a>
        </div>

    </div>

    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="index.html" data-icon="home" data-ajax="false"></a></li>
                <li><a href="usercenter.html" data-icon="user" data-ajax="false"></a></li>
            </ul>
        </div>
    </div>
</div> 
</body>
</html>